{% extends 'home_base.html' %}
{% block header %}
  <h1>{% block title %}注册{% endblock %}</h1>
{% endblock %}

{% block content %}
    <form class="form-horizontal col-sm-offset-3 col-md-offset-3 myform" method="post">
        <h3 class="form-title" style="text-align: center; padding-top: 20px">注册</h3>
        <div class="form-group mygroup">
            <label for="username">用户名</label>
            <input name="username" class="form-control myinput" id="username" required>
        </div>
        <div class="form-group mygroup">
            <label for="password" >密码</label>
            <input type="password" class="form-control myinput" name="password" id="password" required>
        </div>
        <div class="form-group mygroup">
            <label for="password" >确密码</label>
            <input type="password" class="form-control myinput" name="confirmpassword" id="confirmpassword" required>
        </div>
        <button type="submit" class="btn btn-outline-dark" style="margin-left: 60%; margin-top: 20px">注册</button>
    </form>

    <style>
    .myform{
        background-color: rgba(235, 235, 235, 0.18);
        height: 50vh;
        width: 50vh;
        border-radius: 10%;
        box-shadow: rgba(16, 16, 16, 0.13);
    }

    .mygroup{
        margin-top: 10px;
        margin-left: 50px;
    }

    .myinput{
        width: 80%;
        margin-top: 5px;
    }

    .col-center-block {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    </style>
{% endblock %}